<template>
  <div id="app">
    <router-view />
    <theme-picker />
  </div>
</template>

<script>
import ThemePicker from "@/components/ThemePicker";

export default {
  name: "App",
  components: { ThemePicker },
    metaInfo() {
        return {
            title: this.$store.state.settings.dynamicTitle && this.$store.state.settings.title,
            titleTemplate: title => {
                return title ? `${title} - ${process.env.VUE_APP_TITLE}` : process.env.VUE_APP_TITLE
            }
        }
    }
};
</script>
<style >
#app .theme-picker {
  display: none;
}
.el-icon-weixinlog{
  background: url('./assets/images/微信.jpg') center no-repeat;  /*使用自己的图片来替换*/
  background-size: contain;
}
.el-icon-weixinlog:before{
  content: "s";                                    /*before属性中的content文本是用来占位的,必须有*/
  font-size: 22px;                                   /*可以设置字体大小来确定图标大小*/
  visibility: hidden;                                /*使用visibility: hidden;来隐藏文字*/
  line-height: 10px;
}
/* 解绑 */
.el-icon-weixinUnding{
  background: url('./assets/images/微信解绑.png') center no-repeat;  /*使用自己的图片来替换*/
  background-size: contain;
}
.el-icon-weixinUnding:before{
  content: "s";                                    /*before属性中的content文本是用来占位的,必须有*/
  font-size: 22px;                                   /*可以设置字体大小来确定图标大小*/
  visibility: hidden;                                /*使用visibility: hidden;来隐藏文字*/
  line-height: 10px;
}

.el-icon-weixinLogingLog{
  background: url('./assets/images/微信.jpg') center no-repeat;  /*使用自己的图片来替换*/
  background-size: contain;
}
.el-icon-weixinLogingLog:before{
  content: "s";                                    /*before属性中的content文本是用来占位的,必须有*/
  font-size: 50px;                                   /*可以设置字体大小来确定图标大小*/
  visibility: hidden;                                /*使用visibility: hidden;来隐藏文字*/
}

</style>
